<!--公共底部-->
<footer-view>
    <footer class="ui inverted vertical segment foot-padding">
        <div class="ui center aligned container ">
            <!--grid  分割成 16份-->
            <div class="ui inverted divided stackable grid">
                <div class="three wide column">
                    <div class="ui inverted link list">
                        <div class="item">
                            <img class="ui rounded image view-qr-width" src="../static/img/me_wechat.png" alt=""/>
                        </div>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="text-opacity-eight text-space">最新博客</h4>
                    <div class="ui inverted link list ">
                        <a class="item" href="#">Android组件化开发...</a>
                        <a class="item" href="#">Activity生命周期详解...</a>
                        <a class="item" href="#">SpringBoot框架搭建...</a>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="text-opacity-eight text-space">联系我</h4>
                    <div class="ui inverted link list">
                        <a class="item" href="#">邮箱：wu_tangren@163.com</a>
                        <a class="item" href="#">QQ：996489865</a>
                        <div class="ui inverted">
                            <a href="#"> <i class="teal github icon"></i></a>
                            <a href="#"> <i class="teal blogger  icon"></i></a>
                        </div>
                    </div>
                </div>
                <div class="seven wide column">
                    <h4 class="text-opacity-eight text-space">简介</h4>
                    <p class="text-opacity-six text-space">欢迎大家来到我的博客空间,我是唐人从事Android开发工作.</p>
                </div>
            </div>
            <div class="ui inverted  divider"></div>
            <p class="text-opacity-six text-space">Copyright © 2020 -
                <script>document.write(new Date().getFullYear())</script>
                <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备19128252号</a>
                PersonalBlog Designed by
                TangRen
            </p>
        </div>
    </footer>
</footer-view>